<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>OAL</title>
    <link rel="stylesheet"  href="../../common/css/bootstrap.min.css">
    <link rel="stylesheet"  href="../../common/css/standard.css">
</head>
<body>
    <div  class="login-background">
        <div class="login-oocl-logo"></div>
        <div class="login-window">
            <div class="login-title">Welcome to OOCL</div>
            <form>
                <div class="form-group">
                    <input type="email" class="form-control" id="loginEmail" placeholder="Email">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="loginPassword" placeholder="Password">
                    <div id="div_error_msg" class="error_msg">The Email or password you entered is not correct. Please double check and try again.</div>
                </div>
                <button type="button" class="btn btn-default btn-login">Sign In</button>
                <div class="login-forget-psd"><a href="mailto:seabird-helpdesk@oocl.com?subject=Reset Password for Seabird&body=Please input the following information to reset password in OOCL Seabird.%0D%0A%0D%0ALogin email:">Forget Password</a> </div>
            </form>

        </div>
    </div>



<!--include JS File -->
<script src="../../common/js/jquery-1.12.4.js"></script>
<script src="../../common/js/bootstrap.js"></script>
<script src="../controler/login.js"></script>
</body>
</html>